<template>
    <div class="container-cc">
        <van-icon name="checked" color="rgb(25,190,107)" size="40" class="icon-success" />
        <div class="text-gx">恭喜您，兑换成功！</div>
        <div class="dhbtn" @click="gobackmall">
          <van-button round block type="primary">
            返回积分商城
          </van-button>
        </div>
    </div>
</template>
<script setup>
import { ref } from 'vue';
import { reactive } from 'vue';
import { useRouter } from 'vue-router';
import { onMounted } from 'vue'

const router = useRouter()

const gobackmall = ()=> {
  router.push({ path: '/PointsMall'})
}

onMounted(() => {
})

</script>
 

<style lang="scss" scoped>

.container-cc {
  background: #fff;
  overflow: hidden;
  padding: 1rem 1.4rem;
  box-sizing: border-box;
  height: 100%;
  text-align: center;
}
.icon-success{
    margin: 4rem auto;
}
.text-gx{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 6rem;
}
</style>